<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>绘制SVG矩形</title>
</head>
<body>
<div>
    <svg xmlns="http://www.w3.org/2000/svg">
        <rect x="1" y="1" height="100" width="100" style="stroke:#000; fill: #fff"/>
        <rect x="10" y="10" height="50" width="50"
              rx="5" ry="5"
              style="stroke:#006600; fill: #00cc00"/>
        <rect x="70" y="10" height="50" width="50"
              rx="10" ry="10"
              style="stroke:#006600; fill: #00cc00"/>
        <rect x="130" y="10" height="50" width="50"
              rx="15" ry="15"
              style="stroke:#006600; fill: #00cc00"/>
    </svg>
    <svg xmlns="http://www.w3.org/2000/svg">
        <polyline points="0,0  30,0  15,30"
                  style="stroke:#006600;"/>
    </svg>
</div>
</body>
</html>